<!-- 相关文章项 -->
<template>
  <li>
    <!-- 放置a -->
    <a :href="href"  class="article-entry" target="_blank">
      <div class="entry-title">{{entryTitle}}</div>
      <div class="entry-metabox">
        <span class="entry-meta">{{likeCount}}点赞</span>
        <span class="entry-meta">&nbsp;·&nbsp;</span>
        <span class="entry-meta">{{commentCount}}评论</span>
      </div>
    </a>
  </li>
</template>

<script>
export default {
  name:'ArticleItem',
  data () {
    return {
    }
  },
  props:{
    href:{
      type:String,
      default:'#',
    },
    entryTitle:{
      type:String,
      default:'title',
    },
    likeCount:{
      type:Number,
      default:0
    },
    commentCount:{
      type:Number,
      default:0
    },
  }
}
</script>

<style  scoped>
li{
  list-style: none;
}

.article-entry{
  display: block;
  padding: 8.004px 20.004px;
}

.entry-meta{
    display: inline-block;
    font-size: 14.004px;
    line-height: 22px;
    color: #8a919f;
    font-weight: 400;
}
</style>
